<header>
	<a href="#back-line">Volver al Backline</a>
	<h1>Bajo</h1>
</header>
<section class="instrument bajo">
	<form class="musico" action="">
		<input type="text" name="nombre-musico" placeholder="Nombre del músico" ng-model="artistName">
	</form>
	<a class="save" href="#" ng-click="save($event); updateDataListChannel()">Guardar</a>
	<div class="clear"></div>
	<section class="col left">
		<div class="brand">
			<h3>Micrófonos</h3>
			<ul id="micControl" ng-model="bassOptions.mic">
				<li class="" ng-repeat="brand in bassOptions.mic">
					<a href="#" ng-click="setMic($event, brand)">{{brand}}</a>
				</li>
			</ul>
		</div>
		<div class="position">
			<h3>Posición</h3>
			<ul id="positionControl">
				<li ng-repeat="n in [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15] track by $index">
					<a href="#" ng-click="setPosition($event,n)">{{n}}</a>
				</li>
			</ul>
		</div>
	</section>
	<section class="col right">
		<h3>Amplificador</h3>
		<ul class="ilustracion">
			<li>
				<figure><img src="images/amp-bass.png">
				</figure>
			</li>
		</ul>
		<form class="serie" action="">
			<input type="text" name="serie" placeholder="ESCRIBE AQUÍ LA SERIE" ng-model="serie">
		</form>
		<div class="brand">
			<ul id="ampControl" class="brand">
				<li ng-repeat="type in bassOptions.amplifier">
					<a href="#" ng-click="setAmp($event, type)">{{type}}</a>
				</li>
			</ul>
		</div>
		<form class="canal" action="">
			Canal:
			<div class="counter">
				<span class="number" ng-init="getFirstAvailableChannel()"  ng-model="channel">{{channel}}</span>
				<span class="btn-add" ng-click="change('add')">+</span>
				<span class="btn-sub" ng-click="change('sub')">-</span>
			</div>
		</form>
		<form class="canal caja-d" action="">
			Caja directa:
			<input type="text" name="canal" placeholder="Si/No" ng-model="directBox">
		</form>
	</section>
</section>